<template>
	<van-nav-bar
	class="nav"
	  :title="title"
	  :right-text="powercard"
	  left-arrow
	  @click-left="onClickLeft"
	  @click-right="onClickRight"
	  :border='false'
	/>
</template>

<script lang="ts" setup>
const onClickLeft = () => history.back();
    const onClickRight = () => {
		console.log('锦鲤算力卡')
		uni.navigateTo({
			url: '/Trusteeship/ApowerCard/index'
		})
	};
	defineProps({
		title: {
			type: String,
			define: '我的设备'
		},
		powercard: {
			type: String,
			define: '锦鲤算力卡'
		}
	})
</script>

<style lang="scss" scoped>
.nav{
		--van-nav-bar-height: 88px;
		--van-nav-bar-arrow-size: 36px;
		--van-nav-bar-title-font-size: 36px;
		--van-nav-bar-background: #111317;
	}
	::v-deep .van-ellipsis{
		overflow: visible;
		font-weight: 400;
		color: white;
	}
	::v-deep .van-nav-bar__text{
		font-size: 28px;
		color: white;
	}
	::v-deep .van-icon-arrow-left:before{
		color: white!important;
	}
	::v-deep.powercard span{
		font-size: 28px!important;
	}
</style>